<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core_1_1" %>
<%--
  Created by IntelliJ IDEA.
  User: 小陈同学
  Date: 2021/1/2
  Time: 15:21
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>家电界面</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="./css/index2.css">
</head>
<body>
<div class="header w">
    <div class="logo">
        <img src="images/logo.jpg" alt="">
    </div>
    <div class="nav">
        <ul>
            <li><a href="index.jsp" >首页</a></li>
            <li><a href="electapp.jsp" class="a1">家电类</a></li>
            <li><a href="clothes.jsp" >衣物类</a></li>
            <li><a href="food.jsp">食品类</a></li>
            <li><a href="medicine.jsp">医药类</a></li>
            <li><a href="news.jsp">新闻中心</a></li>
            <li><a href="email.jsp">邮件反馈</a></li>
            <li><a href="reback.jsp">联系我们</a></li>
        </ul>
    </div>
    <li class="right">
        <p class="login-register">
            <!--用session实现用户登录后的状态显示-->
            <c:if test="${username!=null}">
                ${username}
                </br>
                <a href="/_war_exploded/two">购物车</a>
            </c:if>
            <c:if test="${username==null}">
                <a href="login.jsp">登录</a>&nbsp;&nbsp;
                </br>
                <a href="Register.jsp">注册</a>
                </br>
                <a href="/_war_exploded/two">购物车</a>
            </c:if>

        </p>
    </li>
</div>>
<div class="w1">
<div class="banner2" style="background: url(images/electad.jpg)">

    </div>
</div>>
<div class="box w">
    <div class="box-hd">
        <h3>精品推荐</h3>
        <a href="#">查看全部</a>
    </div>
    <div class="box-bd">
        <ul class="clearfix">
            <li><img src="images/elea1.jpg" >
                <p class="view">大容量保鲜，无需手动除霜，食材不风干，果品不霉烂，LED冷光源柔和清晰，隐藏式把手不怕磕碰，一体折U箱体保温性能更好。</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">电冰箱</a> </h4>
                    <em>|</em>
                    <span>1699.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=电冰箱'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/elea2.jpg" >
                <p class="view">10kg大容量，深层消毒清洗衣物抗菌率>99%，随漂随冲，去泡沫无残留，强劲动力安静洗，不扰品质生活。</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">滚筒洗衣机</a> </h4>
                    <em>|</em>
                    <span>1099.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=滚筒洗衣机'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/elea3.jpg" alt="">
                <p class="view">高温除菌，急速制暖制冷，健康气流，轻柔出风不直吹，节能省电，具有PMV体感智控技术、自清洁技术。</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">空调</a> </h4>
                    <em>|</em>
                    <span>1099.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=空调'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/elea4.jpg" >
                <p class="view">色彩明艳悦目，具有震撼的视觉展现力，环绕立体音，声色撩人，智能蓝牙语音解放双手，55寸全屏面内容丰富。</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">电视</a> </h4>
                    <em>|</em>
                    <span>1999.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=电视'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/elea5.jpg" >
                <p class="view">实力双灶烹饪，大面积油烟瞬吸无踪，三档风量，操作省心，四维立体环吸，56dB低噪，安静下厨更省心。</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">抽油烟机</a> </h4>
                    <em>|</em>
                    <span>1399.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=抽油烟机'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/elea6.jpg">
                <p class="view">五层过滤，放心直饮，专利一体滤芯摆脱多芯烦恼，智能水龙头，水质TDS值直接显示，直饮鲜活水，保障品质生活。</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">新型净水器</a> </h4>
                    <em>|</em>
                    <span>1099.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=新型净水器'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/elea7.jpg" >
                <p class="view">高纯度无氧铜水箱，导热快，耐腐蚀，寿命长，60℃高温灭菌防滋生，变频恒温技术出水温度始终如一</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">热水器</a> </h4>
                    <em>|</em>
                    <span>599.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=热水器'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/elea8.jpg" >
                <p class="view">，2100w大火，8档滑控匀热不糊底，三重安全防护，定时免看管，4D防水设计</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">多功能电磁炉</a> </h4>
                    <em>|</em>
                    <span>999.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=多功能电磁炉'">加入购物车</button>
                </div>
            </li>
        </ul>
    </div>
</div>>
<%--</div>--%>
<!-- 尾部footer -->
<div class="footer ">
    <div class="w">
        <div class="copyright">
            <img src="images/logo.jpg" alt="">
        </div>
        <div class="links">
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="login.jsp">用户登录</a></dd>
                <dd><a href="Register.jsp">用户注册</a></dd>
            </dl>
            <dl>
                <dt>网站介绍</dt>
                <dd><a>本网站以网上购物为中心，分别设置四大类商品进行出售。配有新闻界面可以了解时事政治。邮件联系可以发送邮件给我们以提出宝贵的建议</a></dd>

            </dl>
        </div>
    </div>
</div>
</html>
